Building Web Sites All-in-One For Dummies by Claudia Snell; Doug Sahlin

Author:Claudia Snell; Doug Sahlin
Format: mobi, epub
Tags: Computing: Consumer Books ('Technical Trade'), Programming Languages, Web sites, Computer - Internet, Web graphics & design, Internet - Web Site Design, Computers, Web site development, General, HTML, Design, World Wide Web, Internet, Computer Books: Web Programming, Web Page Design, Web - Page Design
ISBN: 9780470385418
Publisher: For Dummies
Published: 2008-12-17T20:00:00+00:00

346 Creating Buttons in Fireworks

Figure 3-1:

Edit me a

button, my

lovely!

Creating a simple two-state button

The concept of a two-state button is scary, especially if the states are California and Florida. The left coast meets the right coast. Yikes! But we digress. As we mention earlier, a two-state button is the default Fireworks button. You create the graphics and text for the State 1, which is what the viewer sees when the page initially loads. Then you modify the same graphics for the State 2, which is what the user sees when hovering his cursor over the button. The different graphics are a dead giveaway that something will happen when the button is clicked. Of course, the site visitor also sees the ubiquitous hand with the pointing finger like he would with a text link, but using different graphics for each button state makes your design much cooler.

Before you can create any button, figure out what size to make it. When you decide to create a Web site, you do some sort of planning. We describe one method of going from concept to completion in the upcoming “Doodle to a Working Page: Concept to Completion” section of this chapter. Whichever method you use, you know how much area you delegated for navigation. If you have only a few links, you can use a horizontal navigation menu. If you have lots of links, though, you need a vertical menu. After you meet with and create a mockup for your client, you should know the title for each button. Your button should be slightly larger than the longest title. With all that figured out, you’re ready to create a two-state button as follows: 1.

Choose Edit➪Insert➪New Button.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.